<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>“火眼”——基于AIOT的火灾监测预警系统</title>
    <link rel="shortcut icon" href="ic_logo.png">
    <link rel="stylesheet" href="css/font/iconfont.css">
    <link rel="stylesheet" href="css/font2/iconfont.css">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/jquery.nstSlider.css">
    <link rel="stylesheet" href="css/jquery-editable-select.css">
    <link rel="stylesheet" href="css/style.css">
</head>

<body>
    <!-- 左导航 -->
    <div class="left-nav nav_w4">
        <ul class="nav side-nav">
            <li class="nav_li"><a href="javascript:void(0);" class="iconfont f2_5w" id="openNav">&#xe621;</a></li>
            <li class="nav_li hide"><a href="javascript:void(0);" class="iconfont f2_5w" id="closeNav">&#xe606;</a></li>
            <li class="nav_li" data-tit="home">
                <a href="#/home" class="nav_active">
                    <span class="iconfont f2_5w">&#xe601;</span><span class="i">传感管理</span>
                </a>
            </li>
            <li class="nav_li" data-tit="mess">
                <a href="#/mess">
                    <span class="iconfont f2_5w">&#xe614;</span><span class="i">控制管理</span>
                </a>
            </li>
            <li class="nav_li" data-tit="security">
                <a href="#/security">
                    <span class="iconfont f2_5w">&#xe7a4;</span><span class="i">监控管理</span>
                </a>
            </li>
            <li class="nav_li" data-tit="set">
                <a href="#/set">
                    <span class="iconfont f2_5w">&#xe635;</span><span class="i">更多信息</span>
                </a>
            </li>
        </ul>
    </div>
    <!-- 顶部导航  -->
    <div class="top-head row mp0 left_4 w100" id="top_head">
        <div class="col-xs-3 text-left lh8 mp0">
            <input type="button" value="手动模式" class="modeBtn" id="modeBtn">
        </div>
        <div class="col-xs-5 text-center lh8 h_title">智慧工厂</div>
        <div class="col-xs-4 text-right lh8 p0">
            <span class="iconfont f2_5w f_l">&#xe602;:</span>
<!--            <div class="iconfont f2_5w f_l">-->
<!--                <img id="alertorStatus" class="chartBlock" src="img/alarm-off.png" alt="" width="40px" >-->
<!--            </div>-->
            <p class="alarmTxt f1w f_l" id="alarmTxt">暂无异常!</p>
        </div>
    </div>
    <!-- contain  -->
    <!-- 环境管理 -->
    <div class="content contain contain_left4" id="home">
        <div class="row mp0">
            <div class="col-xs-12 col-sm-12 col-md-6 span">
                <div class="messSpan p1">
                    <p class="p_tit p_m3h">环境监测（实时数据）
                        <span class="iconfont p_setVal" data-toggle="modal" data-target="#envModal" data-type="rfid"
                            id="temphumiSlid">&#xe83b;</span>
                    </p>
                    <div class="border_lt"></div>
                    <div class="border_rt"></div>
                    <div class="border_lb"></div>
                    <div class="border_rb"></div>
                    <div class="bodySpan w100 flex1">
                        <div class="row row_height w100 filter" id="sunSpan">
                            <div class="col-xs-2 col-sm-2 col-md-2 text_c">光照</div>
                            <div class="col-xs-8 col-sm-8 col-md-8 envSum mp0">
                                <div class="lightVal" id="sunWidth"></div>
                            </div>
                            <div class="col-xs-2 col-sm-2 col-md-2 text_c lightValTxt"><span
                                    id="sunVal">--</span>&nbsp;(LUX)</div>
                        </div>
                        <div class="row row_height w100 filter" id="tempSpan">
                            <div class="col-xs-2 col-sm-2 col-md-2 text_c">温度</div>
                            <div class="col-xs-8 col-sm-8 col-md-8 envSum mp0">
                                <div class="tempVal" id="tempWidth"></div>
                            </div>
                            <div class="col-xs-2 col-sm-2 col-md-2 text_c lightValTxt"><span
                                    id="tempVal">--</span>&nbsp;(℃)
                            </div>
                        </div>
                        <div class="row row_height w100 filter" id="humiSpan">
                            <div class="col-xs-2 col-sm-2 col-md-2 text_c">湿度</div>
                            <div class="col-xs-8 col-sm-8 col-md-8 envSum mp0">
                                <div class="humiVal" id="humiWidth"></div>
                            </div>
                            <div class="col-xs-2 col-sm-2 col-md-2 text_c lightValTxt"><span
                                    id="humiVal">--</span>&nbsp;(%)
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xs-12 col-sm-12 col-md-6 span">
                <div class="messSpan p1">
                    <p class="p_tit">环境监测（历史数据）
                        <select class="hisTime" id="input_send_time">
                            <option value="queryLast1H">最近1小时</option>
                            <option value="queryLast6H">最近6小时</option>
                            <option value="queryLast12H">最近12小时</option>
                            <option value="queryLast1D">最近1天</option>
                            <option value="queryLast5D">最近1周</option>
                            <option value="queryLast14D">最近2周</option>
                            <option value="queryLast1M">最近1月</option>
                            <option value="queryLast3M">最近3月</option>
                            <option value="queryLast6M">最近半年</option>
                            <option value="queryLast1Y">最近1年</option>
                        </select>
                        <span class="iconfont pullIco">&#xe608;</span>
                        <!-- <span class="iconfont seachIco" id="envSeach">&#xe6ed;</span> -->
                    </p>
                    <div class="border_lt"></div>
                    <div class="border_rt"></div>
                    <div class="border_lb"></div>
                    <div class="border_rb"></div>
                    <div class="buttonS" id="hisBtn1">
                        <p class="leftBtn his_active" id="sunBtn" data-value="sunMAC_A0">光照</p>
<!--                        <p class="leftBtn" id="tempBtn" data-value="airMAC_A3">温度</p>-->
<!--                        <p class="leftBtn" id="humiBtn" data-value="airMAC_A2">湿度</p>-->
                        <p class="leftBtn" id="tempBtn" data-value="temHumMAC_A0">温度</p>-->
                        <p class="leftBtn" id="humiBtn" data-value="temHumMAC_A1">湿度</p>
                    </div>
                    <div class="envBottom bodySpan1">
                        <div class="hisChar_sun" id="hisChar1">1</div>
                        <div class="hisChar_temp" id="hisChar_temp">2</div>
                        <div class="hisChar_humi" id="hisChar_humi">3</div>
                    </div>
                </div>
            </div>
            <div class="col-xs-12 col-sm-12 col-md-6 span">
                <div class="messSpan p1">
                    <p class="p_tit p_m3h">空气质量监测（实时数据）
                        <span class="iconfont p_setVal" data-toggle="modal" data-target="#weatherModal" data-type="rfid"
                            id="temphumiSlid1">&#xe83b;</span>
                    </p>
                    <div class="border_lt"></div>
                    <div class="border_rt"></div>
                    <div class="border_lb"></div>
                    <div class="border_rb"></div>
                    <div class="bodySpan filter" id="airSpan">
                        <div class="bodySpan flex3">
                            <div class="col-xs-4 col-sm-4 col-md-4 text_c h60" id="PMChart"></div>
                            <div class="col-xs-4 col-sm-4 col-md-4 text_c h60" id="CO2Chart"></div>
                            <div class="col-xs-4 col-sm-4 col-md-4 text_c h60" id="VOCChart"></div>
                        </div>
                        <div class="buttonMess">
                            <div class="col-xs-4 col-sm-4 col-md-4 text_c">PM2.5（ug/m3）</div>
                            <div class="col-xs-4 col-sm-4 col-md-4 text_c">CO2（ug/m3）</div>
                            <div class="col-xs-4 col-sm-4 col-md-4 text_c">VOC（ug/m3）</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xs-12 col-sm-12 col-md-6 span">
                <div class="messSpan p1">
                    <p class="p_tit">空气质量监测（历史数据）
                        <select class="hisTime" id="input_send_time1">
                            <option value="queryLast1H">最近1小时</option>
                            <option value="queryLast6H">最近6小时</option>
                            <option value="queryLast12H">最近12小时</option>
                            <option value="queryLast1D">最近1天</option>
                            <option value="queryLast5D">最近1周</option>
                            <option value="queryLast14D">最近2周</option>
                            <option value="queryLast1M">最近1月</option>
                            <option value="queryLast3M">最近3月</option>
                            <option value="queryLast6M">最近半年</option>
                            <option value="queryLast1Y">最近1年</option>
                        </select>
                        <span class="iconfont pullIco">&#xe608;</span>
                        <!-- <span class="iconfont seachIco" id="envSeach1">&#xe6ed;</span> -->
                    </p>
                    <div class="border_lt"></div>
                    <div class="border_rt"></div>
                    <div class="border_lb"></div>
                    <div class="border_rb"></div>
                    <div class="buttonS" id="hisBtn2">
                        <p class="leftBtn his_active" id="PMBtn" data-value="airMAC_A4">PM</p>
                        <p class="leftBtn" id="CO2Btn" data-value="airMAC_A0">CO2</p>
                        <p class="leftBtn" id="VOCBtn" data-value="airMAC_A1">VOC</p>
                    </div>
                    <div class="envBottom bodySpan1">
                        <div class="hisChar_PM" id="hisChar2">1</div>
                        <!-- <div class="hisChar_CO2" id="hisChar_CO2">2</div>
                        <div class="hisChar_VOC" id="hisChar_VOC">3</div> -->
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 控制管理 -->
    <div class="content contain contain_left4" id="mess">
        <div class="row mp0">
            <div class="col-xs-12 col-sm-12 col-md-6 span">
                <div class="messSpan p1">
<!--                    <p class="p_tit p_m3h">灯光控制（继电器1）</p>-->
                    <p class="p_tit p_m3h">灯光控制</p>
                    <div class="border_lt"></div>
                    <div class="border_rt"></div>
                    <div class="border_lb"></div>
                    <div class="border_rb"></div>
                    <div class="bodySpan flex3" id="lightSpan">
                        <div class="col-xs-5 col-sm-5 col-md-5 mp0 eleDiv1 flex3 filter" id="relaySpan6">
                            <div class="ele_top" id="ele_lighting">
                                <p class="stateImg1 iconfont" id="deng1">&#58909;</p>
                            </div>
                            <div class="ele_bot">
<!--                                <p>灯 1-1路</p>-->
                                <p>报警灯</p>
                                <p class="tag"></p>
                                <div class="rowBtn rowBtn2" id="rowBtn1">
                                    <input type="checkbox" id="inset_5">
                                    <label class="green"></label>
                                </div>
                            </div>
                        </div>
                        <div class="col-xs-5 col-sm-5 col-md-5 mp0 eleDiv1 flex3 filter" id="relaySpan7">
                            <div class="ele_top" id="ele_ambient">
                                <p class="stateImg1 iconfont">&#xe99a;</p>
                            </div>
                            <div class="ele_bot">
<!--                                <p>灯 1-2路</p>-->
                                <p>灯</p>
                                <p class="tag"></p>
                                <div class="rowBtn rowBtn2" id="rowBtn2">
                                    <input type="checkbox" id="inset_4">
                                    <label class="green"></label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xs-12 col-sm-12 col-md-6 span">
                <div class="messSpan p1">
<!--                    <p class="p_tit p_m3h">设施控制（继电器1）</p>-->
                    <p class="p_tit p_m3h">设施控制</p>
                    <div class="border_lt"></div>
                    <div class="border_rt"></div>
                    <div class="border_lb"></div>
                    <div class="border_rb"></div>
                    <div class="bodySpan flex3" id="switchSpan">
                        <div class="col-xs-5 col-sm-5 col-md-5 mp0 eleDiv1 flex3 filter" id="relaySpan8">
                            <div class="ele_top" id="ele_curtain">
                                <p class="stateImg1 iconfont">&#xe68b;</p>
                            </div>
                            <div class="ele_bot">
<!--                                <p>窗帘 1-3路</p>-->
                                <p>窗帘</p>
                                <p class="tag"></p>
                                <div class="rowBtn rowBtn2" id="rowBtn3">
                                    <input type="checkbox" id="inset_3">
                                    <label class="green"></label>
                                </div>
                            </div>
                        </div>
                        <div class="col-xs-5 col-sm-5 col-md-5 mp0 eleDiv1 flex3 filter" id="relaySpan9">
                            <div class="ele_top" id="ele_fan">
                                <p class="stateImg1 iconfont">&#xe760;</p>
                            </div>
                            <div class="ele_bot">
<!--                                <p>风扇 1-4路</p>-->
                                <p>风扇 </p>
                                <p class="tag"></p>
                                <div class="rowBtn rowBtn2" id="rowBtn4">
                                    <input type="checkbox" id="inset_6">
                                    <label class="green"></label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xs-12 col-sm-12 col-md-6 span">
                <div class="messSpan p1">
<!--                    <p class="p_tit p_m3h">电器控制（继电器2）</p>-->
                    <p class="p_tit p_m3h">设施控制</p>
                    <div class="border_lt"></div>
                    <div class="border_rt"></div>
                    <div class="border_lb"></div>
                    <div class="border_rb"></div>
                    <div class="bodySpan flex3">
                        <div class="col-xs-5 col-sm-5 col-md-5 mp0 eleDiv1 flex3 filter" id="relaySpan1">
                            <div class="ele_top" id="ele_purifier">
                                <p class="stateImg1 iconfont">&#xe603;</p>
                            </div>
                            <div class="ele_bot">
<!--                                <p>净化器 2-1路</p>-->
                                <p>净化器</p>
                                <p class="tag"></p>
                                <div class="rowBtn rowBtn2" id="rowBtn6">
                                    <input type="checkbox" id="inset_9">
                                    <label class="green"></label>
                                </div>
                            </div>
                        </div>
                        <div class="col-xs-5 col-sm-5 col-md-5 mp0 eleDiv1 flex3 filter" id="relaySpan2">
                            <div class="ele_top" id="ele_fridge">
                                <p class="stateImg1 iconfont">&#xe622;</p>
                            </div>
                            <div class="ele_bot">
<!--                                <p>电冰箱 2-2路</p>-->
                                <p>水泵</p>
                                <p class="tag"></p>
                                <div class="rowBtn rowBtn2" id="rowBtn7">
                                    <input type="checkbox" id="inset_10">
                                    <label class="green"></label>
                                </div>
                            </div>
                        </div>
                        <div class="col-xs-5 col-sm-5 col-md-5 mp0 eleDiv1 flex3 filter" id="relaySpan3">
                            <div class="ele_top" id="ele_VRV">
                                <p class="stateImg1 iconfont">&#xe610;</p>
                            </div>
                            <div class="ele_bot">
<!--                                <p>空调 2-3路</p>-->
                                <p>空调</p>
                                <p class="tag"></p>
                                <div class="rowBtn rowBtn2" id="rowBtn8">
                                    <input type="checkbox" id="inset_11">
                                    <label class="green"></label>
                                </div>
                            </div>
                        </div>
                        <div class="col-xs-5 col-sm-5 col-md-5 mp0 eleDiv1 flex3 filter" id="relaySpan4">
                            <div class="ele_top" id="ele_humi">
                                <p class="stateImg1 iconfont">&#xe6ca;</p>
                            </div>
                            <div class="ele_bot">
<!--                                <p>加湿器 2-4路</p>-->
                                <p>加湿器</p>
                                <p class="tag"></p>
                                <div class="rowBtn rowBtn2" id="rowBtn9">
                                    <input type="checkbox" id="inset_12">
                                    <label class="green"></label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
<!--            <div class="col-xs-12 col-sm-12 col-md-6 span">-->
<!--                <div class="messSpan p1">-->
<!--                    <p class="p_tit p_m3h">电器遥控-->
<!--                        <select class="hisTime hisTime1" id="telMode">-->
<!--                            <option value="1">遥控模式</option>-->
<!--                            <option value="2">学习模式</option>-->
<!--                        </select>-->
<!--                        <span class="iconfont pullIco pullIco1">&#xe608;</span>-->
<!--                        <span class="iconfont telSetIco" data-toggle="modal" data-target="#controlModal"-->
<!--                            data-type="rfid">&#xe605;</span>-->
<!--                    </p>-->
<!--                    <div class="border_lt"></div>-->
<!--                    <div class="border_rt"></div>-->
<!--                    <div class="border_lb"></div>-->
<!--                    <div class="border_rb"></div>-->
<!--                    <div class="telecontrol flex3 filter" id="yaokongSpan">-->
<!--                        <div class="telImg iconfont">&#xe620;</div>-->
<!--                        <table id="control_table" class="mode_table">-->
<!--                            <tr>-->
<!--                                <td id="mode-1"><span class="id-letter">1</span><span class="mode_txt"></span></td>-->
<!--                                <td id="mode-2"><span class="id-letter">2</span><span class="mode_txt"></span></td>-->
<!--                                <td id="mode-3"><span class="id-letter">3</span><span class="mode_txt"></span></td>-->
<!--                                <td id="mode-C"><span class="id-letter">C</span><span class="mode_txt"></span></td>-->
<!--                            </tr>-->
<!--                            <tr>-->
<!--                                <td id="mode-4"><span class="id-letter">4</span><span class="mode_txt"></span></td>-->
<!--                                <td id="mode-5"><span class="id-letter">5</span><span class="mode_txt"></span></td>-->
<!--                                <td id="mode-6"><span class="id-letter">6</span><span class="mode_txt"></span></td>-->
<!--                                <td id="mode-D"><span class="id-letter">D</span><span class="mode_txt"></span></td>-->
<!--                            </tr>-->
<!--                            <tr>-->
<!--                                <td id="mode-7"><span class="id-letter">7</span><span class="mode_txt"></span></td>-->
<!--                                <td id="mode-8"><span class="id-letter">8</span><span class="mode_txt"></span></td>-->
<!--                                <td id="mode-9"><span class="id-letter">9</span><span class="mode_txt"></span></td>-->
<!--                                <td id="mode-E"><span class="id-letter">E</span><span class="mode_txt"></span></td>-->
<!--                            </tr>-->
<!--                            <tr>-->
<!--                                <td id="mode-0"><span class="id-letter">0</span><span class="mode_txt"></span></td>-->
<!--                                <td id="mode-A"><span class="id-letter">A</span><span class="mode_txt"></span></td>-->
<!--                                <td id="mode-B"><span class="id-letter">B</span><span class="mode_txt"></span></td>-->
<!--                                <td id="mode-F"><span class="id-letter">F</span><span class="mode_txt"></span></td>-->
<!--                            </tr>-->
<!--                        </table>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
        </div>
    </div>
    <!-- 安防管理->监控管理 -->
    <div class="content contain contain_left4" id="security">
        <div class="row mp0">
            <div class="col-xs-12 col-sm-12 col-md-6 span">
                <div class="messSpan p1">
                    <p class="p_tit p_m3h">当前状态</p>
                    <div class="border_lt"></div>
                    <div class="border_rt"></div>
                    <div class="border_lb"></div>
                    <div class="border_rb"></div>
                    <div class="bodySpan flex3">
                        <div class="col-xs-4 col-sm-4 col-md-4 control mp0 flex3 filter" id="bodySpan">
                            <div class="state text-center border_shadow light1 flex3">
                                <div class="quan" id="quan1">
                                    <p class="stateImg iconfont i" id="quanItem1">&#xe60a;</p>
                                </div>
                                <p class="stateTxt w100">人体红外</p>
                            </div>
                        </div>
                        <div class="col-xs-4 col-sm-4 col-md-4 control mp0 flex3 filter" id="anqiSpan">
                            <div class="state text-center border_shadow light1 flex3">
                                <div class="quan" id="quan2">
                                    <p class="stateImg iconfont i" id="quanItem2">&#xe60d;
                                    </p>
                                </div>
                                <p class="stateTxt w100">燃气</p>
                            </div>
                        </div>
                        <div class="col-xs-4 col-sm-4 col-md-4 control mp0 flex3 filter" id="fireSpan">
                            <div class="state text-center border_shadow light1 flex3">
                                <div class="quan" id="quan3">
                                    <p class="stateImg iconfont i" id="quanItem3">&#xe60c;</p>
                                </div>
                                <p class="stateTxt w100">火焰</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xs-12 col-sm-12 col-md-6 span">
                <div class="messSpan p1">
                    <p class="p_tit">历史列表</p>
                    <div class="border_lt"></div>
                    <div class="border_rt"></div>
                    <div class="border_lb"></div>
                    <div class="border_rb"></div>
                    <div class="buttonS">
                        <p class="leftBtn his_active" id="IDBtn">合法ID历史</p>
                        <p class="leftBtn" id="cardBtn">刷卡历史</p>
                        <p class="leftBtn" id="alarmBtn">异常报警历史</p>
                        <p class="iconfont rightBtn" id="addIDCard" data-toggle="modal" data-target="#addModal"
                            data-type="rfid">&#xe6a1;</p>
                        <p class="iconfont rightBtn" id="clearAll">&#xe78e;</p>
                        <p class="iconfont rightBtn" id="clearAll1">&#xe78e;</p>
                    </div>
                    <div class="hisTab" id="IDHis">
                        <table class="TheID" id="TheIDTable">
                            <thead>
                                <th width="30%">卡号</th>
                                <th width="30%">姓名</th>
                                <th width="20%">性别</th>
                                <th width="20%">操作</th>
                            </thead>
                            <tbody id="TheIDTbody">
                                <tr>
                                    <td class="cardName">123456</td>
                                    <td class="cardSet">张三</td>
                                    <td class="cardSex">男</td>
                                    <td><a href="#" data-toggle="modal" data-target="#editModal"
                                            data-type="rfid">编辑</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#"
                                            data-toggle="modal" data-target="#delModal" data-type="rfid">删除</a></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="hisTab" id="cardHis">
                        <table class="TheHis" id="TheHisTable">
                            <thead>
                                <th width="25%">id</th>
                                <th width="25%">姓名</th>
                                <th width="20%">性别</th>
                                <th width="30%">时间</th>
                            </thead>
                            <tbody id="TheHisTbody1">
                                <!-- <tr>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                </tr> -->
                            </tbody>
                        </table>
                    </div>
                    <div class="hisTab" id="alarmHis">
                        <table class="TheUnusual" id="TheUnusualTable">
                            <thead>
                                <th width="30%">异常装置</th>
                                <th width="30%">报警状态</th>
                                <th width="40%">报警时间</th>
                            </thead>
                            <tbody id="TheHisTbody">
                                <!-- <tr>
                                    <td>人体感应器</td>
                                    <td>检测到异常人体</td>
                                    <td>2020年11月26日  15:34</td>
                                </tr> -->
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="col-xs-12 col-sm-12 col-md-6 span">
                <div class="messSpan p1">
                    <p class="p_tit p_m3h">视频监控</p>
                    <div class="border_lt"></div>
                    <div class="border_rt"></div>
                    <div class="border_lb"></div>
                    <div class="border_rb"></div>
                    <div class="camera" onmouseover="page.camera_show(this)" onmouseout="page.camera_hide(this)">
                        <div>
<!--                            <div style="  height: 100%;width: 100%;background: url('img/camera1.png') no-repeat center;background-size: 50% 100%;">-->
<!--                            <a href="http://localhost:63342/dist/index.html?_ijt=3e5b13euekbg8fsfgetaesplri&_ij_reload=RELOAD_ON_SAVE#/video">-->
                                <a href="http://localhost:8000/#/video">
<!--                                http://localhost:63342/dist/index.html?_ijt=3e5b13euekbg8fsfgetaesplri&_ij_reload=RELOAD_ON_SAVE#/video-->
<!--                                http://123.57.185.139/#/video-->
<!--                            <img src="img/camera1.png" alt="" class="cameraImg" id="img1"-->
<!--                                style="height: 100%;width: 100%;">-->
                                <img src="img/camera1.png" alt="视频" width="300px">
                            </a>
                        </div>
                        <div class="camera-info flex hidden" id="camera_info">
<!--                            <div class="control-direc">-->
<!--                                <table id="direcTable" class="camera-table">-->
<!--                                    <tr>-->
<!--                                        <td width="5vw"><button class="direc direc_top up hidden2"></button></td>-->
<!--                                        <td width="5vw"><button class="direc direc_top up" id="up"></button></td>-->
<!--                                        <td width="5vw"><button class="direc direc_top up hidden2"></button></td>-->
<!--                                    </tr>-->
<!--                                    <tr>-->
<!--                                        <td width="5vw"><button class="direc direc_top left" id="left"></button></td>-->
<!--                                        <td width="5vw"><button class="direc power" id="switch"-->
<!--                                                data-name="homeCameraSet" data-state=0 data-switchCam=0-->
<!--                                                data-camState=0></button></td>-->
<!--                                        <td width="5vw"><button class="direc direc_top right" id="right"></button></td>-->
<!--                                    </tr>-->
<!--                                    <tr>-->
<!--                                        <td width="5vw"><button class="direc direc_top up hidden2"></button></td>-->
<!--                                        <td width="5vw"><button class="direc direc_bottom bottom" id="down">下</button>-->
<!--                                        </td>-->
<!--                                        <td width="5vw"><button class="direc direc_top up hidden2"></button></td>-->
<!--                                    </tr>-->
<!--                                </table>-->
<!--                            </div>-->
<!--                            <div class="control-mode">-->
<!--                                <div class="btn-group" role="group" aria-label="...">-->
<!--                                    <button type="button" class="btn btn-primary horizontal zoom"-->
<!--                                        id="horizontal">左右巡航</button>-->
<!--                                    <button type="button" class="btn btn-primary vertical zoom"-->
<!--                                        id="vertical">上下巡航</button>-->
<!--                                </div>-->
<!--                                <div class="btn-group" role="group" aria-label="..." style="margin-top: 3vh;">-->
<!--                                    <button type="button" class="btn btn-primary overall zoom"-->
<!--                                        id="overall">全局巡航</button>-->
<!--                                    <button type="button" class="btn btn-primary photo zoom"-->
<!--                                        id="imgSnapshot">立即拍照</button>-->
<!--                                </div>-->
<!--                            </div>-->
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xs-12 col-sm-12 col-md-6 span">
                <div class="messSpan p1">
                    <p class="p_tit p_m3h">门锁控制</p>
                    <div class="border_lt"></div>
                    <div class="border_rt"></div>
                    <div class="border_lb"></div>
                    <div class="border_rb"></div>
                    <div class="bodySpan flex3 filter" id="doorSpan">
                        <div class="col-xs-6 col-sm-6 col-md-6 text-center">
                            <p class="lockImg iconfont" id="lockImg">&#xe60e;</p>
                            <div class="rowBtn1" id="rowBtn11">
                                <input type="checkbox" id="inset_7">
                                <label class="green"></label>
                            </div>
                        </div>
                        <div class="col-xs-6 col-sm-6 col-md-6 text-center lockMess">
                            <div class="NameTop">
                                <div class="name">姓名</div>
                                <div class="nameMess" id="cardName">暂无</div>
                            </div>
                            <div class="NameTop NameTop1">
                                <div class="ID">ID</div>
                                <div class="IDMess" id="doorCardVal">暂无</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 更多信息 -->
    <div class="content contain contain_left4" id="set">
        <div class="row mp0">
            <div class="col-xs-12 col-sm-12 col-md-6 span">
                <div class="messSpan p1">
                    <p class="p_tit p_m3h">智云账号</p>
                    <div class="border_lt"></div>
                    <div class="border_rt"></div>
                    <div class="border_lb"></div>
                    <div class="border_rb"></div>
                    <div class="setBody flex3">
                        <div class="w100">
                            <p class="setSpan">
                                <strong class="setTit">账号:</strong>
                                <input type="text" class="setVal" id="id">
                            </p>
                            <p class="setSpan">
                                <strong class="setTit">密钥:</strong>
                                <input type="text" class="setVal" id="key">
                            </p>
                            <p class="setSpan">
                                <strong class="setTit">服务地址:</strong>
                                <input type="text" class="setVal" id="server">
                            </p>
                        </div>
                    </div>
                    <p class="setBtns text-center w100" style="margin-top: 1vh;">
                        <input type="button" value="确认" class="setBtn" id="idkeyInput">
                        <input type="button" value="扫描" class="setBtn setBtn1 scan" id="id_scan">
                        <input type="button" value="分享" class="setBtn setBtn1 share" data-toggle="modal"
                            data-target="#qrModal" id="idShare">
                    </p>
                </div>
            </div>
            <div class="col-xs-12 col-sm-12 col-md-6 span">
                <div class="messSpan p1">
                    <p class="p_tit p_m3h">节点地址</p>
                    <div class="border_lt"></div>
                    <div class="border_rt"></div>
                    <div class="border_lb"></div>
                    <div class="border_rb"></div>
                    <div class="setBody flex3">
                        <div class="w100">
                            <!-- 门禁系统 视频监控 360红外遥控 电器控制 双路插座 步进电机 燃气探测器 火焰探测器 窗门磁传感器 人体红外传感器 信号灯控制器 空气质量传感器 光照度传感器 -->
                            <p class="setSpan">
                                <strong class="setTit">光照度传感器:</strong>
                                <input type="text" class="setVal" id="sunMAC">
                            </p>
                            <p class="setSpan">
                                <strong class="setTit">温湿度传感器:</strong>
                                <input type="text" class="setVal" id="temHumMAC">
                            </p>
                            <p class="setSpan">
                                <strong class="setTit">空气传感器:</strong>
                                <input type="text" class="setVal" id="airMAC">
                            </p>
                            <p class="setSpan">
                                <strong class="setTit">Plus1</strong>
                                <input type="text" class="setVal" id="plusMAC">
                            </p>
                            <p class="setSpan">
                                <strong class="setTit">警报灯:</strong>
                                <input type="text" class="setVal" id="lightMAC">
                            </p>
                            <p class="setSpan">
                                <strong class="setTit">风扇:</strong>
                                <input type="text" class="setVal" id="fanMAC">
                            </p>
                            <p class="setSpan">
                                <strong class="setTit">继电器组1:</strong>
                                <input type="text" class="setVal" id="eleMAC1">
                            </p>
                            <p class="setSpan">
                                <strong class="setTit">继电器组2:</strong>
                                <input type="text" class="setVal" id="eleMAC2">
                            </p>
                            <p class="setSpan">
                                <strong class="setTit">360红外遥控:</strong>
                                <input type="text" class="setVal" id="telecontrolMAC">
                            </p>
                            <p class="setSpan">
                                <strong class="setTit">人体红外传感器:</strong>
                                <input type="text" class="setVal" id="bodyMAC">
                            </p>
                            <p class="setSpan">
                                <strong class="setTit">燃气探测器:</strong>
                                <input type="text" class="setVal" id="ammoniaMAC">
                            </p>
                            <p class="setSpan">
                                <strong class="setTit">火焰探测器:</strong>
                                <input type="text" class="setVal" id="fireMAC">
                            </p>
                            <p class="setSpan">
                                <strong class="setTit">门禁系统:</strong>
                                <input type="text" class="setVal" id="doorMAC">
                            </p>
                        </div>
                    </div>
                    <p class="setBtns text-center" style="margin-top: 1vh;">
                        <input type="button" value="确认" class="setBtn" id="macInput">
                        <input type="button" value="扫描" class="setBtn setBtn1 scan" id="mac_scan">
                        <input type="button" value="分享" class="setBtn setBtn1 share" data-toggle="modal"
                            data-target="#qrModal" id="macShare">
                    </p>
                </div>
            </div>
            <div class="col-xs-12 col-sm-12 col-md-6 span">
                <div class="messSpan p1">
                    <p class="p_tit p_m3h">摄像头</p>
                    <div class="border_lt"></div>
                    <div class="border_rt"></div>
                    <div class="border_lb"></div>
                    <div class="border_rb"></div>
                    <div class="setBody flex3">
                        <div class="w100">
                            <p class="setSpan">
                                <strong class="setTit">摄像头地址:</strong>
                                <input type="text" class="setVal" id="addr">
                            </p>
                            <p class="setSpan">
                                <strong class="setTit">摄像头类型:</strong>
                                <input type="text" class="setVal" id="type">
                            </p>
                            <p class="setSpan">
                                <strong class="setTit">用户名:</strong>
                                <input type="text" class="setVal" id="user">
                            </p>
                            <p class="setSpan">
                                <strong class="setTit">密码:</strong>
                                <input type="text" class="setVal" id="pwd">
                            </p>
                        </div>
                    </div>
                    <p class="setBtns text-center w100" style="margin-top: 1vh;">
                        <input type="button" value="保存" class="setBtn" id="cameraSave">
                        <input type="button" value="扫描" class="setBtn setBtn1 scan" id="camera_scan">
                        <input type="button" value="分享" class="setBtn setBtn1 share" data-toggle="modal"
                            data-target="#qrModal" id="cameraShare">
                    </p>
                </div>
            </div>
            <div class="col-xs-12 col-sm-12 col-md-6 span">
                <div class="messSpan p1">
                    <p class="p_tit p_m3h">版本信息</p>
                    <div class="border_lt"></div>
                    <div class="border_rt"></div>
                    <div class="border_lb"></div>
                    <div class="border_rb"></div>
                    <div class="bodySpan flex3">
                        <div class="w100">
                            <p class="text-center" style="margin-bottom: 2vh;">当前版本：<span
                                    class="currentVersion text-red"></span></p>
                            <div class="form-group verBtn">
                                <button id="setUp" type="button" class="btn btn-danger btn-block"
                                    style="margin-bottom: 2vh;">版本升级</button>
                            </div>
                            <div class="form-group verBtn verBtn1">
                                <button type="button" class="btn btn-info btn-block" id="showUpdateTxt"
                                    data-toggle="collapse" data-target="#updateTxt"
                                    style="margin-bottom: 2vh;">查看升级日志</button>
                            </div>
                            <div id="updateTxt" class="collapse text-center">
                                <div class="version-list"></div>
                                <button class="btn btn-default" id="clear">清除localStorage</button><br>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 环境阈值 -->
    <div class="modal fade thresholdModal" id="envModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-dialog1">
            <div class="modal-content envContent">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" style="color: #fff;"><span
                            aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                    <h4 class="modal-title">阈值设置</h4>
                </div>
                <div class="modal-body" style="padding-bottom: 8vh;">
                    <h4 class="text-center"><span id="thresholdTitle1">光照</span></h4>
                    <div class="nstSlider" id="nstSliderX" data-range_min="0" data-range_max="5000" data-cur_min="0"
                        data-cur_max="5000">
                        <div class="highlightPanel"></div>
                        <div class="bar" id="barX"></div>
                        <div class="leftGrip" id="leftGripX"></div>
                        <div class="rightGrip" id="rightGripX"></div>
                        <div class="leftLabel nstSlider-val" id="leftLabelX"></div>
                        <div class="rightLabel nstSlider-val" id="rightLabelX"></div>
                    </div>
                    <p class="text-center">（低于最小值打开窗帘，高于最大值关闭窗帘!）</p>
                    <h4 class="text-center"><span id="thresholdTitle">温度</span></h4>
                    <div class="nstSlider" id="nstSliderX1" data-range_min="0" data-range_max="100" data-cur_min="0"
                    data-cur_max="100">
                    <div class="highlightPanel"></div>
                    <div class="bar" id="barX1"></div>
                    <div class="leftGrip" id="leftGripX1"></div>
                    <div class="rightGrip" id="rightGripX1"></div>
                    <div class="leftLabel nstSlider-val" id="leftLabelX1"></div>
                    <div class="rightLabel nstSlider-val" id="rightLabelX1"></div>
                    </div>
                    <p class="text-center">（低于最小值关闭空调，高于最大值打开空调!）</p>
                    <h4 class="text-center"><span id="thresholdTitle">湿度</span></h4>
                    <div class="nstSlider" id="nstSliderX2" data-range_min="0" data-range_max="100" data-cur_min="0"
                    data-cur_max="100">
                    <div class="highlightPanel"></div>
                    <div class="bar" id="barX2"></div>
                    <div class="leftGrip" id="leftGripX2"></div>
                    <div class="rightGrip" id="rightGripX2"></div>
                    <div class="leftLabel nstSlider-val" id="leftLabelX2"></div>
                    <div class="rightLabel nstSlider-val" id="rightLabelX2"></div>
                    </div>
                    <p class="text-center">（低于最小值打开加湿器，高于最大值关闭加湿器!）</p>
                    <p class="text-center">（自动模式下，阈值相关控制节点无法手动操作!）</p>
                    <!-- <div class="envSave">
                        <input type="button" value="保存" class="envSaveBtn">
                    </div> -->
                </div>
            </div>
        </div>
    </div>
    <!-- 气象阈值 -->
    <div class="modal fade newModal" id="weatherModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-dialog1">
            <div class="modal-content envContent">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" style="color: #fff;"><span
                            aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                    <h4 class="modal-title">阈值<b id="editTitle"></b>设置
                    </h4>
                </div>
                <div class="modal-body" style="padding-bottom: 8vh;">
                    <h4 class="text-center"><span id="thresholdTitle">PM2.5</span></h4>
                    <div class="nstSlider" id="nstSliderS" data-range_min="0" data-range_max="500" data-cur_min="0"
                        data-cur_max="500">
                        <div class="highlightPanel"></div>
                        <div class="bar" id="barS"></div>
                        <div class="leftGrip" id="leftGripS"></div>
                        <div class="rightGrip" id="rightGripS"></div>
                        <div class="leftLabel nstSlider-val" id="leftLabelS"></div>
                        <div class="rightLabel nstSlider-val" id="rightLabelS"></div>
                    </div>
                    <p class="text-center">（低于最小值关闭净化器，高于最大值打开净化器!）</p>
                    <p class="text-center">（自动模式下，阈值相关控制节点无法手动操作!）</p>
                    <!-- <h4 class="text-center"><span id="thresholdTitle">CO2</span></h4>
                    <div class="nstSlider" id="nstSliderS1" data-range_min="0" data-range_max="200" data-cur_min="0"
                        data-cur_max="200">
                        <div class="highlightPanel"></div>
                        <div class="bar" id="barS1"></div>
                        <div class="leftGrip" id="leftGripS1"></div>
                        <div class="rightGrip" id="rightGripS1"></div>
                        <div class="leftLabel nstSlider-val" id="leftLabelS1"></div>
                        <div class="rightLabel nstSlider-val" id="rightLabelS1"></div>
                    </div>
                    <h4 class="text-center"><span id="thresholdTitle">VOC</span></h4>
                    <div class="nstSlider" id="nstSliderS2" data-range_min="0" data-range_max="200" data-cur_min="0"
                        data-cur_max="200">
                        <div class="highlightPanel"></div>
                        <div class="bar" id="barS2"></div>
                        <div class="leftGrip" id="leftGripS2"></div>
                        <div class="rightGrip" id="rightGripS2"></div>
                        <div class="leftLabel nstSlider-val" id="leftLabelS2"></div>
                        <div class="rightLabel nstSlider-val" id="rightLabelS2"></div>
                    </div>
                    <div class="envSave">
                        <input type="button" value="保存" class="envSaveBtn">
                    </div> -->
                </div>
            </div>
        </div>
    </div>
    <!-- 遥控窗口 -->
    <div class="modal fade newModal" id="controlModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-dialog1">
            <div class="modal-content envContent">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" style="color: #fff;"><span
                            aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                    <h4 class="modal-title">学习模式</h4>
                </div>
                <div class="modal-body new-modal-body text-center">
                    <form class="form-horizontal" role="form">
                        <div class="form-group">
                            <div
                                class="col-md-offset-1 col-sm-offset-1 col-lg-offset-1 col-xs-offset-1 col-lg-2 col-md-2 col-sm-2 col-xs-2">
                                <select class="form-control mode-key " id="modeKey" style="" name="name"
                                    onchange="control.selecter(this.value)">
                                    <option value="1">1</option>
                                    <option value="2">2</option>
                                    <option value="3">3</option>
                                    <option value="4">4</option>
                                    <option value="5">5</option>
                                    <option value="6">6</option>
                                    <option value="7">7</option>
                                    <option value="8">8</option>
                                    <option value="9">9</option>
                                    <option value="0">0</option>
                                    <option value="A">A</option>
                                    <option value="B">B</option>
                                    <option value="C">C</option>
                                    <option value="D">D</option>
                                    <option value="E">E</option>
                                    <option value="F">F</option>
                                </select>
                            </div>
                            <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8">
                                <input type="text" class="form-control new-name" id="modeTxt" placeholder="例如：开空调、开电视等"
                                    name="name">
                            </div>
                        </div>
                    </form>
                    <br />
                    <br />
                    <p>填写说明：选择遥控键值，然后输入键值对应的功能</p>
                    <div class="checkIdSpan"></div>
                </div>
                <div class="modal-footer">
                    <b class="check-span pull-left text-danger" id="checkMode"></b>
                    <button type="button" class="btn btn-danger btn_confirm" id="modeConfirm"
                        onclick="modal.addMode(this)">确认</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                </div>
            </div>
        </div>
    </div>
    <!-- 新增rfid窗口 -->
    <div class="modal fade newModal" id="addModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
        aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content envContent">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" style="color: #fff;"><span
                            aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                    <h4 class="modal-title">新增</b><b id="addTitle"></b> 信息</h4>
                </div>
                <div class="modal-body new-modal-body">
                    <form class="form-horizontal" role="form" id="add-rfid-form">
                        <div class="form-group">
                            <label for="addRfidName" class="col-sm-3 control-label">姓名</label>
                            <div class="col-sm-6">
                                <input type="text" class="form-control" id="addRfidName" name="name">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="addRfidId" class="col-sm-3 control-label">卡号</label>
                            <div class="col-sm-6">
                                <input type="text" class="form-control" id="addRfidId" name="rfid">
                            </div>
                        </div>
                        <div class="form-group" id="addSexGroup">
                            <div class="col-sm-offset-4 col-sm-8">
                                <label class="radio-inline">
                                    <input class="rfidSex" type="radio" name="sex" id="addSex1" value="男">男
                                </label>
                                <label class="radio-inline">
                                    <input class="rfidSex" type="radio" name="sex" id="addSex2" value="女"> 女
                                </label>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-info btn_confirm" id="newConfirm">确认</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                </div>
            </div>
        </div>
    </div>
    <!--编辑窗口-->
    <div class="modal fade newModal" id="editModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
        aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content envContent">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span
                            aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                    <h4 class="modal-title">编辑<b id="editTitle"></b> 信息</h4>
                </div>
                <div class="modal-body new-modal-body">
                    <form class="form-horizontal" role="form" id="edit-rfid-form">
                        <div class="form-group">
                            <label for="editRfidName" class="col-sm-3 control-label">卡号</label>
                            <div class="col-sm-6">
                                <input type="text" class="form-control" id="editRfidName" name="name">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="editRfidId" class="col-sm-3 control-label">姓名</label>
                            <div class="col-sm-6">
                                <input type="text" class="form-control" id="editRfidId" name="rfid">
                            </div>
                        </div>
                        <div class="form-group" id="editSexGroup">
                            <div class="col-sm-offset-4 col-sm-8">
                                <label class="radio-inline">
                                    <input class="rfidSex" type="radio" name="sex" id="editSex1" value="男">男
                                </label>
                                <label class="radio-inline">
                                    <input class="rfidSex" type="radio" name="sex" id="editSex2" value="女"> 女
                                </label>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-info btn_confirm" id="addConfirm">确认</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                </div>
            </div>
        </div>
    </div>
    <!--删除窗口-->
    <div class="modal fade imgModal" id="delModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
        aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content envContent">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span
                            aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                    <h4 class="modal-title">删除确认：</h4>
                </div>
                <div class="modal-body">
                    <div class="row text-center">
                        <div class="col-md-8 col-md-offset-2" id="delBigInfo">
                            <div id="bigInfo">确认删除 <b id="delInfo"></b> 吗？</div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-info" id="delConfirm">确认</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                </div>
            </div>
        </div>
    </div>

    <!--模态框：二维码窗口-->
    <div class="modal fade qrModal" id="qrModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content envContent" id="modal_content">
                <div class="modal-body">
                    <div class="qr-txt text-center">请在同款软件的 <br />“更多信息”-“<span id="shareModalTitle">对应</span>”窗口
                        <br />点击“扫描”
                    </div>
                    <div class="qr-div text-center">
                        <div id="qrDiv"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--模态框：下载二维码窗口-->
    <div class="modal fade qrModal" id="downloadModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
        aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-body">
                    <div id="qrDownload" class="text-center"></div>
                    <div class="qr-txt text-center">扫描下载APP</div>
                </div>
            </div>
        </div>
    </div>

    <!--模态框：确认退出-->
    <div class="modal  imgModal back-modal" id="backModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
        aria-hidden="true" data-keyboard="false" data-backdrop="static">
        <div class="modal-dialog">
            <div class="modal-content" id="modal_content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span
                            aria-hidden="true">&times;</span><span class="sr-only"></span></button>
                    <h4 class="modal-title back-text">确定退出程序？</h4>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger" id="confirm_back" onclick="confirm_back()">确认</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                </div>
            </div>
        </div>
    </div>

    <!--延时弹出小框-->
    <div id="toast">
        <span id="toast_txt">
        </span>
    </div>
    <!--/延时弹出小框-->

    <!-- 引入基本 js -->
    <!-- 引入 jquery -->
    <script src="js/lib/jquery.min.js"></script>
    <!-- 阈值插件 -->
    <script src="js/lib/jquery.nstSlider.min.js"></script>
    <script src="js/lib/jquery-editable-select.js"></script>
    <!--bootstrap插件-->
    <script src="js/lib/bootstrap.min.js"></script>
    <script src="js/lib/director.min.js"></script>
    <!--数据查询-->
    <script src="js/WSN/WSNHistory.js"></script>
    <script src="js/WSN/WSNRTConnect.js"></script>
    <script src="js/WSN/WSNCamera.js"></script>
    <script src="js/WSN/camera-1.1.js"></script>

    <!--qrcode：生成二维码js-->
    <script src="js/lib/qrcode.js"></script>
    <!--图表-->
    <script src="js/lib/echarts.min.js"></script>
    <!--主js-->
    <script src="js/config.js"></script>
    <script src="js/version.js"></script>
    <script src="js/lib/char.js"></script>
    <script src="js/script.js"></script>
</body>

</html>